<template>
  <div>
     <!-- 头部 -->
    <div class="w-header1">
      <div class="w-xhead1">
        <i @click="zhu()"></i>
        <span>我的足迹</span>
      </div>
    </div>
    <div class="wbgc"></div>
  </div>
</template>

<script>
export default {

}
</script>

<style>
/* 可以共用样式头部 */
/* 头部 */
.w-header1{
  background-color: #e53e42;
  width: 100%;
  height: 9.6rem;
  color: #fff;
  font-size: 3.6rem;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
}
.w-xhead1{
  height:9.6rem;
  width:calc(100% - 4rem) ;
  padding: 0 2rem;
  line-height: 9.6rem;
  position: relative;
}
.w-xhead1 i:nth-child(1){
    height: 3.8rem;
    width: 3.8rem;
    position: absolute;
    top: 50%;
    left: 1.3rem;
    transform: translateY(-1.9rem);
    background: url(../../assets/user/user-wback.png) no-repeat 0 0;
}

</style>